/*GENERIC*/
html, body{	height: 100%;
			font-family: "Segoe UI Light", Arial;
			font-size: 16px;
			padding: 0px;
			margin: 0px;}

ul{list-style-type: none;}

a{color: #333;
	text-decoration: none;}

a:hover{color: #900;}	 


/*PAGELAYOUT*/
.header{margin: 0 auto;
		width: 900;
		height: 100px;
		display:block;
		font-weight: bold;
		font-size: 20px;}

.section{margin: 0 auto;
		margin-top: 20px;
		height: 710px;
		width: 900px;
		border-top: 1px solid black;}

.nav {  display: block;
		float: left;
		width: 250px;
		height: 700px;}

.content{display: block;
		float: right;
		height: 700px;
		width: 645px;
		overflow: auto;}

.footer{width: 900px;
		height: 80px;
		text-align: center;
		margin: 0 auto;}
		
/*HEADERSTYLE*/
.header li{font-size: 28px}


/*NAVSTYLE*/
.nav .cur{ color: #900;
		font-weight: bold;}


/*FORM*/
.myform{margin: 0 auto;
		width: 450px;}
				
legend{ text-align: center;}

label{	display: block; 	
		font-weight: bold;
		text-align: right;
		width: 150px;
		float: left;}

.small{	display: block;
		font-size: 11px;
		font-weight: normal;
		text-align: right;
		width: 150px;}
		
input{	float: left;
		font-size: 13px;
		padding: 4px 2px;
		border: 1px solid #9b9b9b;
		width: 200px;
		margin: 2px 0 20px 10px;
		height: 33px;
		color: #AAA;
	    margin-left: 25px; }
	  
input:focus{color: #333;
		outline: none;
		background-color: #EEE;}
		
select{float: left;
		font-size: 13px;
		padding: 4px 2px;
		border: 1px solid #9b9b9b;
		width: 200px;
		margin: 2px 0 20px 10px;
		height: 33px;
		color: #AAA;
	    margin-left: 25px; }



input.button{clear: both;
			 margin-left: 215px;
			 width: 125px;
			 height: 30px;
			 background-color: #333;
			 font-size: 11px;
			 color: white; 
			 font-weight: bold; 
			 margin-top: 10px;
			 text-align: center;}
		
input.button:hover{background-color: #900;
}


/*SHOWALL*/

.record{margin-top: 10px;
		display: block;
		clear: both;
		border-bottom: 1px solid #333;
		height: 40px;
		
}
.recordfield{float: left;
			 width: 75px;
			font-size: 11px;
			font-weight: bold;
			text-align: center;
}

.smallinput{ width: 75px;
			height: 30px;
			font-size: 10px;
			padding: 0px;
			 margin: 0px;}

input.smallbutton{float: left;
			 padding: 0px;
			 margin: 0px;
			 width: 70px;
			 height: 30px;
			 background-color: #333;
			 font-size: 10px;
			 color: white; 
			 font-weight: bold; 
			 text-align: center;}

input.smallbutton:hover{background-color: #900;}

input.fakeinput{ margin-left: 2px;
				 width: 75px;
				 height: 30px;
				 background-color: white;
				 font-size: 14px;
				 color: black;  
				 border: 0px solid black;}

input.fakebutton{padding: 0px;
				 float: right;
				 width: 90px;
				 height: 30px;
				 background-color: #333;
				 font-size: 12px;
				 color: white; 
				 font-weight: bold; 
				 text-align: center;
				 margin-right: 10px;}

input.fakebutton:hover{background-color: #900;}


/*SELECTFROMALL*/
input.centeredbutton{
			display: block;
			clear: both;
			margin-top: 20px;
			 margin-left: 286px;
			 width: 70px;
			 height: 30px;
			 background-color: #333;
			 font-size: 10px;
			 color: white; 
			 font-weight: bold; 
			 text-align: center;}
			 
input.centeredbutton:hover{background-color: #900;}



/*VARIOUS*/	
.spacer{clear:both; height:16px;}

.advice{color: #900;
  		padding: 3px;
  		display: block;
  		clear: both;}



.travel{border: 1px solid black;
		overflow: auto;
		height: 200px;
		width: 90%;}
			